<template>
  <div class="index_blocks">
    <div v-for="(item,index) in items">
      <block :item="item" :key="index"></block>
    </div>
  </div>
</template>

<script>
import Block from "@/components/content/block/block.vue";


export default {
  name: "IndexBlocks",
  components: {Block},
  data() {
    return {
      items: [
        {
          img: require('@/assets/temp/1.png'),
          updateNum: 3,
          title: "现在和以前",
          quality: 0,
          description:""
        },
        {
          img: require('@/assets/temp/2.png'),
          updateNum: 6,
          title: "我们的爱情",
          quality: 0,
          description:""
        },
        {
          img: require('@/assets/temp/3.png'),
          updateNum: 3,
          title: "创世纪II",
          quality: 1,
          description:""
        },
        {
          img: require('@/assets/temp/3.png'),
          updateNum: 3,
          title: "创世纪II",
          quality: 1,
          description:""
        },
        {
          img: require('@/assets/temp/3.png'),
          updateNum: 3,
          title: "创世纪II",
          quality: 1,
          description:""
        },
        {
          img: require('@/assets/temp/2.png'),
          updateNum: 6,
          title: "我们的爱情",
          quality: 0,
          description:""
        },
      ]
    }
  }
}
</script>

<style scoped>
.index_blocks {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap: wrap;
}
</style>
